<template>
  <div id="app">
      <router-view></router-view>
    <playlist v-if="list"></playlist>
    <play-tip v-if="tip"></play-tip>
    <audio-play></audio-play>
    <liebiao v-if="isliebiao"></liebiao>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import playlist from './components/playlist'
import playTip from './components/playTip'
import audioPlay from './components/audioPlay'
import liebiao from './components/liebiao'
export default {
  name: 'app',
  components: {
    playlist,
    playTip,
    audioPlay,
    liebiao
  },
  computed: {
    ...mapState({
      list: 'isShowList',
      tip: 'isShowTip',
      isliebiao: 'isliebiao'
    })
  }
}
</script>
<style lang="stylus">
</style>
